<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aanmeldapplicatie</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<div id="page">
<!-- content on -->
<div class="gl-details">
	<div class="gl-inner cf">
    <span class="el-ls-prev"><a href="#" title="Prev">Prev</a></span>
    <span class="el-ls-next"><a href="#" title="Next">Next</a></span>
  	<div class="un-ds-back">
    	<a href="#" title="Naar alle aanmeldingen">Naar alle aanmeldingen</a>
    </div>
  	<section class="bl-ds">
    	<div class="un-ds-ttl">
      	<h1>Anneke Vebruggen</h1>
        <p>Briefcode: S-1608-0016</p>
      </div>
      <fieldset>
      	<h2>NAW gegevens <a class="el-help" href="#tip_naw"></a></h2>
        <div id="tip_naw" class="un-tip-data">
        	<h4>NAW gegevens</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
        </div>
        <dl class="un-row-txt cf">
        	<dt>Geboortedatum</dt>
          <dd>13-10-2012</dd>
        </dl>
        <dl class="un-row-txt cf">
        	<dt>BSN</dt>
          <dd>123.12.456</dd>
        </dl>
        <dl class="un-row-txt cf">
        	<dt>Adres</dt>
          <dd>Wassenaarsestraatweg 123<br />2514 AX  Den Haag</dd>
        </dl>
        <dl class="un-row-txt cf">
        	<dt>Geslacht</dt>
          <dd>Vrouw</dd>
        </dl>
      </fieldset>
      <fieldset>
      	<h2>Aanvullende gegevens <span>(niet verplicht)</span> <a class="el-help" href="#tip_aanvullende"></a></h2>
        <div id="tip_aanvullende" class="un-tip-data">
        	<h4>Aanvullende gegevens</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_08">Roepnaam</label></dt>
          <dd>
          	<input id="frm_inp_08" type="text" value="Chris">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_09">Vast tel.nr.</label></dt>
          <dd>
          	<input id="frm_inp_09" type="text" class="el-inp-33" value="0123456789">
          	<div class="el-intra-33"><label for="frm_inp_10">Mobiel nr.</label></div>
          	<input id="frm_inp_10" type="text" class="el-inp-33" value="06 12345678">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_11">E-mailadres</label></dt>
          <dd>
          	<input id="frm_inp_11" type="text" value="d.van.deventer@gmail.com">
          </dd>
        </dl>
        <dl class="un-row cf">
          <dd>
          	<input id="frm_rdo_03" type="checkbox" checked="true" class="el-form-address"> <!-- class el-form-address need for js -->
            <label for="frm_rdo_03">Extra adres</label> <a class="el-help" href="#tip_extra_adres"></a>
            <div class="un-ds-address">
            	<dl class="cf">
              	<dt><label for="frm_inp_in_01">Straat + nr.</label></dt>
                <dd>
                	<input id="frm_inp_in_01" type="text" class="el-inp-80" value="Van Plesmanlaan">
                  <input type="text" class="el-inp-20" value="312A">
                </dd>
              </dl>
              <dl class="cf">
              	<dt><label for="frm_inp_in_02">Postcode + plaats</label></dt>
                <dd>
                	<input id="frm_inp_in_02" type="text" class="el-inp-20" value="1122XX">
                  <input type="text" class="el-inp-80" value="Den Haag">
                </dd>
              </dl>
              <dl class="cf">
              	<dt><label for="frm_inp_in_03">Vast tel.nr.</label></dt>
                <dd>
                	<input id="frm_inp_in_03" type="text" value="0123454545">
                </dd>
              </dl>
              <dl class="cf">
              	<dt><label for="frm_inp_in_04">E-mailadres</label></dt>
                <dd>
                	<input id="frm_inp_in_04" type="text" value="johanvanderlaar@hetnet.nl">
                </dd>
              </dl>
              <dl class="cf">
                <dd>
                	<input id="frm_rdo_in_01" type="checkbox" checked="true" value=""><label for="frm_rdo_in_01">Ook correspondentieadres</label>
                </dd>
              </dl>
            </div>
          </dd>
        </dl>
        <div id="tip_extra_adres" class="un-tip-data">
        	<h4>Extra adres</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
        </div>
      </fieldset>
      <fieldset>
      	<h2>Aanmeldgegevens</h2>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_12">Schoollocatie</label></dt>
          <dd>
          	<select id="frm_inp_12">
            	<option>Van Hoornbeekstraat</option>
            </select>
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_rdo_04">Toelatingscriteria</label><a class="el-help" href="#tip_toelatingscriteria"></a></dt>
          <dd class="el-rdo-ln">
          	<p>
              <input id="frm_rdo_04" type="radio" name="frm_nm_02">
              <label for="frm_rdo_04">Voldoet aan geen enkel criterium</label>
            </p>
            <p>
              <input id="frm_rdo_05" type="radio" name="frm_nm_02" checked="true" class="el-form-criteria"> <!-- class el-form-criteria need for js -->
            	<label for="frm_rdo_05">Voldoet aan één of meerdere criteria</label>
            </p>
            <ul class="un-ds-criteria">
            	<li>
              	<input id="frm_rdo_15" type="checkbox" checked="true" name="frm_nm_04">
            		<label for="frm_rdo_15">Broertje/zusje</label>
              </li>
              <li>
              	<input id="frm_rdo_16" type="checkbox" checked="true" name="frm_nm_04">
            		<label for="frm_rdo_16">In de buurt</label>
              </li>
            </ul>
          </dd>
        </dl>
        <div id="tip_toelatingscriteria" class="un-tip-data">
        	<h4>Toelatingscriteria</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label>Overgangsregeling</label></dt>
          <dd class="el-rdo-ln">
            <p>
            	<input type="checkbox">
            	<label>Overgangsregeling is van toepassing</label><a class="el-help" href="#tip_overgangsregeling"></a>
            </p>
            <p class="el-date-info">Alleen voor kinderen geboren tussen 01-10-2012 en 31-12-2012</p>
          </dd>
        </dl>
        <div id="tip_overgangsregeling" class="un-tip-data">
        	<h4>Overgangsregeling is van toepassing</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label>Aanvullende informatie (niet verplicht)</label></dt>
          <dd>
            <textarea rows="8" cols="50"></textarea>
          </dd>
        </dl>
      </fieldset>
      <div class="un-ds-btn cf">
        <button class="el-btn-blue" type="submit"><span><em class="el-p"></em>Wijziging opslaan</span></button>
        <a class="el-delete" href="#" title="Aanmelding verwijderen">Aanmelding verwijderen</a>
      </div>
      <dl class="un-ds-reg">
        <dt>Wat gebeurt er als ik de aanmelding verwijder?</dt>
        <dd>
          <h3>Wat gebeurt er als ik de aanmelding verwijder?</h3>
          <p>Wanneer u het kind heeft aangemeld wordt er automatisch een aanmeldbrief gegenereerd die naar het e-mailadres wordt verstuurd dat is aangegeven in uw instellingen. Deze aanmeldbrief is vervolgens ook beschikbaar bij de kindgegevens binnen de aanmeldapplicatie.</p>
          <p>De aanmeldbrief kan vanuit school naar de ouders worden verstuurd (per post dan wel per e-mail) ter bevestiging van de aanmelding op uw school.</p>
        </dd>
      </dl>
    </section>
    <aside class="bl-ds-side">
			<div class="un-ds-note">
      	<span class="el-top"></span>
      	<div class="un-txt">
        	<h3><span>Schooljaar</span> 2016/2017</h3>
          <dl>
          	<dt>Kies</dt>
            <dd class="el-permit"><a href="#" title="Toelaten"><em>&#10004;</em>Toelaten</a></dd>
            <dd class="el-reject"><a href="#" title="Afwijzen"><em>&#10008;</em>Afwijzen</a></dd>
          </dl>
          <p class="el-help"><a href="#tip_happens" title="Wat gebeurt er als ik toelaat of afwijs?">Wat gebeurt er als ik toelaat of afwijs?</a></p>
          <div class="un-tip-data" id="tip_happens">
          	<h4>Wat gebeurt er als ik toelaat of afwijs?</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci. Vivamus euismod semper est, eu tincidunt ante tempus Curabitur varius ornare dui ut ultricies.</p>
            <p>Phasellus ipsum quam, commodo id sollicitudin quis, eleifend at tellus.</p>
          </div>
        </div>
			</div>
      <ul class="un-ds-action">
        <li class="el-print"><a href="#" title="Printen">Printen</a></li>
        <li class="el-save"><a href="#" title="Downloaden">Downloaden</a></li>
        <li class="el-mail"><a href="#" title="Mailen">Mailen</a></li>
      </ul>
      <dl class="un-ds-pdf">
      	<dt>Downloads</dt>
        <dd><a href="#" title="Brief bevestiging aanmelding 12-02-2013">Brief bevestiging aanmelding 12-02-2013</a></dd>
      </dl>
    </aside>
  </div>
</div>
<!-- content off -->
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>
